<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8"> </meta>
    <!-- ZUI 标准版压缩后的 CSS 文件 -->
    <link rel="stylesheet"  type="text/css" href="http://zui.sexy/dist/css/zui.min.css?v=1.8.1"> </link>
    <!-- ZUI Javascript 依赖 jQuery -->
    <script src="http://zui.sexy/assets/jquery.js?v=1.8.1"></script>
    <!-- ZUI 标准版压缩后的 JavaScript 文件 -->
    <script src="/static/js/zui.js?v=1.8.1"></script>

    <title>表列信息</title>
</head>
<body>
<div class="panel">
    <div class="panel-heading">
        表列属性
    </div>
    <div class="panel-body">
        <table class ="table table-striped">
            <tr>
                <th>列名</th>
                <th>数据类型</th>
                <th>数据长度</th>
                <th>数字精度</th>
                <th>数据级别</th>
                <th>是否可空</th>
                <th>列键</th>
                <th>描述</th>
            </tr>
            <tr  th:each="column : ${list}">
                <td th:text="${column.columnName}"></td>
                <td th:text="${column.dataType}"></td>
                <td th:text="${column.maxLength}"></td>
                <td th:text="${column.numericPrecision}"></td>
                <td th:text="${column.numericScale}"></td>
               <!-- <td th:text="${column.nullAble}"></td>-->
                <td>
                    <div class="switch switch-inline">
                        <input type="checkbox"> </input>
                        <label>可空</label>
                    </div>
                </td>

                <td th:text="${column.columnKey}"></td>
                <td th:text="${column.columnComment}"></td>
            </tr>
        </table>
</body>
</html>